<!-- 统计 -->

<template>
  <div class="flexCC full">
    <div class="flex4 flexCC">
      <img :src="src" />
      <b>{{ total }}</b>
      <label>{{ CORE.MAP.ALARM }}总数</label>
    </div>

    <div class="flex5">
      <div v-for="item in GETTER.ALARM_LEVEL" :key="item[0]" class="flexCC">
        <label class="flex1">{{ item[1] }}：</label>
        <b class="flex1">{{ item[2] }}</b>
      </div>
    </div>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import UTIL from '../../../UTIL'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyStatistic',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb()],

  /**
   * 计算属性 (慎用箭头函数)
   */
  computed: {
    /**
     * 图片路径
     */
    src() {
      return UTIL.getImg('alarm-total')
    },
  },
}
</script>
